﻿import * as React from "react";
import * as electron  from 'electron'
import R头像 from '../展示组件/头像'
import * as 头像 from '../展示组件/头像'
import R控件基类 from '../../核心代码/R控件基类'
import * as 基类 from '../../核心代码/控件基类'
import R登录页面广告 from '../展示组件/登录页面广告'
import *as 宣传语 from '../展示组件/登录页面广告'
import R登录表单二 from '../输入组件/登录表单二'
import * as Css from '../../工具代码/Css加载'
import 颜色 from '../../工具代码/颜色'
import 数 from '../../工具代码/数'
import * as 菜单 from '../交互组件/菜单'

Css.加载(module.filename)
var ipcR = electron.ipcRenderer
//
//**********************************************登录头像***********************************************
//
//------------------------------------------------菜单------------------------------------------------
let 菜单项1: 菜单.菜单数据 = {}
菜单项1.图标样式 = 'icon-zaixian'
菜单项1.菜单名称 = '在线'
let 菜单项2: 菜单.菜单数据 = {}
菜单项2.图标样式 = 'icon-yinshen'
菜单项2.菜单名称 = '隐身'
let 菜单项3: 菜单.菜单数据 = {}
菜单项3.图标样式 = 'icon-wurao'
菜单项3.菜单名称 = '勿扰'
let 菜单项4: 菜单.菜单数据 = {}
菜单项4.图标样式 = 'icon-lixian'
菜单项4.菜单名称 = '离线'
let 菜单数据数组 = new Array()
菜单数据数组.push(菜单项1, 菜单项2, 菜单项3, 菜单项4)

//--------------------------------------------------头像----------------------------------------------
let 登录头像: 头像.头像 = {}
登录头像.权限 = '100'
登录头像.是否启用 = false
登录头像.src = '../../资源/img/试验头像.jpg'
登录头像.id = '登录头像'
登录头像.头像被点击 = (e) => { }
登录头像.定位方式 = 'absolute'
登录头像.宽度 = new 数('50px')
登录头像.高度 = new 数('50px')
//登录头像.阴影 = new 基类.阴影(0, 0, 5, 2, 颜色.rgb(255, 255, 255))
登录头像.x = 46
登录头像.y = 21
登录头像.圆角 = 500
登录头像.边框 = new 基类.边框(2, 'solid', 颜色.rgb(255, 255, 255))
登录头像.菜单数据 = 菜单数据数组
//
//**********************************************广告***********************************************
//
let 广告: 宣传语.广告语 = { 广告语:'团队协作新思维',字大小:new 数('20px')}
let 广告二: 宣传语.广告语 = { 广告语: '电讯更精彩' }

let 广告内容数组 = new Array()
广告内容数组.push(广告)
广告内容数组.push(广告二)
let 登录页面广告: 宣传语.登录页面广告 = {}

登录页面广告.定位方式 = 'absolute'
登录页面广告.权限 = '100'
登录页面广告.是否启用 = false
登录页面广告.y = 20
登录页面广告.x = 183
登录页面广告.颜色 = 颜色.rgb(255, 255, 255)
登录页面广告.广告语 = 广告内容数组

//implements 
export default class R登录表单 extends React.Component<any, any> {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <div className="主题区">
                < R头像 {...登录头像}/>
                < R登录页面广告 {...登录页面广告}/>
                < R登录表单二 />
            </div>
        )
    }
}